<template>
    <div>
        <Button @click="back">返回</Button>
        <wl-excel-import
                :interface-url="'/api/ac/jcar/excelService/saveTransactions'"
                :template-url="'http://house-manager.oss-cn-qingdao.aliyuncs.com/fuel-card/%E5%8A%A0%E6%B2%B9%E6%B5%81%E6%B0%B4%E5%AF%BC%E5%85%A5%E6%A8%A1%E6%9D%BF.xlsx'"
                :handle-data="handleData"
                :validate-data="validateData"
                :delRowCount="2"
                :fail-column="failColumn"
                :header-field="headerField"
        ></wl-excel-import>
    </div>
</template>

<script>

export default {

  name: 'excel',

  data () {
    return {
      failColumn: [
        {
          title: '交易流水号',
          key: 'batch_number'
        },
        {
          title: '金额',
          key: 'money'
        },
        {
          title: '交易类型',
          key: 'transaction_type'
        },
        {
          title: '交易状态',
          key: 'transaction_status'
        },
        {
          title: '卡号/客户编号',
          key: 'card_num'
        },
        {
          title: '客户名称',
          key: 'name'
        },
        {
          title: '商品种类',
          key: 'type'
        },
        {
          title: '油量(升)',
          key: 'fuel'
        },
        {
          title: '车辆牌照',
          key: 'plat_number',
          align: 'center'
        },
        {
          title: '长车牌照',
          key: 'plat_number_long'
        },
        {
          title: '受理机构',
          key: 'acceptance_organization'
        },
        {
          title: '业务日期',
          key: 'business_time'
        },
        {
          title: '交易时间',
          key: 'transaction_time'
        },
        {
          title: '石油公司',
          key: 'oil_companies'
        },
        {
          title: '被监督单位',
          key: 'company'
        }

      ],
      headerField: [
        { title: '交易流水号', field: 'batch_number', minWidth: 300 },
        { title: '金额', field: 'money', minWidth: 300 }
      ]
    }
  },

  props: {

  },

  components: {

  },

  computed: {

  },

  methods: {
    async init () {

    },
    handleData () {
      // item.batch_number = item.batch_number.toString()
      // item.sex = item.sex.toString().trim()
      // if (item.sex === '男') {
      //   item.sex = 0
      // } else if (item.sex === '女') {
      //   item.sex = 1
      // }
    },
    validateData (item, error, tName) {
      // 校验交易流水号
      if (!item.batch_number) {
        item.batch_number = ' （交易流水号不能为空）'
        item.cellClassName.batch_number = tName
        error = true
      }
      // 校验金额
      // if (!item.money) {
      //   // item.money = ' （金额不能为空）'
      //   // item.cellClassName.money = tName
      //   // error = true
      // }
      // 校验交易类型
      if (!item.transaction_type) {
        item.transaction_type = ' （交易类型不能为空）'
        item.cellClassName.transaction_type = tName
        error = true
        this.$Message.error('交易类型不能为空')
      }
      // 校验交易状态
      if (!item.transaction_status) {
        item.transaction_status = ' （交易状态不能为空）'
        item.cellClassName.transaction_status = tName
        error = true
        this.$Message.error('交易状态不能为空')
      }
      // 校验卡号/客户编号
      if (!item.card_num) {
        item.card_num = ' （卡号/客户编号不能为空）'
        item.cellClassName.card_num = tName
        error = true
        this.$Message.error('卡号/客户编号不能为空')
      }
      // 校验客户名称
      // if (!item.name) {
      //   item.name = ' （客户名称不能为空）'
      //   item.cellClassName.name = tName
      //   error = true
      //   this.$Message.error('客户名称不能为空')
      // }
      // 校验商品种类
      if (!item.type) {
        item.type = ' （商品种类不能为空）'
        item.cellClassName.type = tName
        error = true
        this.$Message.error('商品种类不能为空')
      }
      // 校验油量
      console.log('--', item.fuel)
      if (item.fuel === null && item.fuel === undefined && item.fuel === '') {
        item.fuel = ' （油量不能为空）'
        item.cellClassName.fuel = tName
        error = true
      }
      // 校验受理机构
      if (!item.acceptance_organization) {
        item.acceptance_organization = ' （受理机构不能为空）'
        item.cellClassName.acceptance_organization = tName
        error = true
        this.$Message.error('受理机构不能为空')
      }
      // 校验业务日期
      if (!item.business_time) {
        item.business_time = ' （业务日期不能为空）'
        item.cellClassName.business_time = tName
        error = true
        this.$Message.error('业务日期不能为空')
      }
      // 校验交易时间
      if (!item.transaction_time) {
        item.transaction_time = ' （交易时间不能为空）'
        item.cellClassName.transaction_time = tName
        error = true
        this.$Message.error('交易时间不能为空')
      }
      // 校验石油公司
      if (!item.oil_companies) {
        item.oil_companies = ' （石油公司不能为空）'
        item.cellClassName.oil_companies = tName
        error = true
        this.$Message.error('石油公司不能为空')
      }
      // 校验被监督单位
      if (!item.company) {
        item.company = ' （被监督单位不能为空）'
        item.cellClassName.company = tName
        error = true
        this.$Message.error('被监督单位不能为空')
      }
      return error
    },
    back () {
      this.$router.push({
        name: 'data-import'
      })
    }
  },

  watch: {

  },

  mounted () {
    this.init()
  }

}
</script>

<style scoped>

</style>
